<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title><ui:insert name="title">CSC - Internet Banking</ui:insert></title>

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="js/TableTools.min.js" type="text/javascript"></script>
<script src="js/ZeroClipboard.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/css2.css" />
<link rel="stylesheet" type="text/css" href="css/demo_page.css" />
<link rel="stylesheet" type="text/css" href="css/demo_table.css" />
<link rel="stylesheet" type="text/css" href="css/TableTools.css" />
<f:metadata>
	<f:event listener="#{internetLoginManageBean.checkSesstionTimeout}" type="preRenderView"></f:event>
</f:metadata>
</h:head>

<body>
	<div id="main">
		<div id="left">
			<div id="logo">
				<img src="images/images.jpg"></img>
			</div>
			<div id="menu">
				<table>
					<tr>
						<td><h:form>
								<h:commandLink action="#{customerManageBean.showCustomerDetail}">Customer Information</h:commandLink>
							</h:form></td>
					</tr>

					<tr>
						<td><h:outputLink value="transactiondetail.jsf">Transaction detail</h:outputLink></td>
					</tr>
					<tr>
						<td><h:form>
								<h:commandLink action="#{customerManageBean.transferMoney}">Make a transfer</h:commandLink>
							</h:form></td>
					</tr>
					<tr>
						<td><h:form>
								<h:commandLink
									action="#{transferMoneyManageBean.transferStatus}">Transfer status</h:commandLink>
							</h:form></td>
					</tr>
				

				</table>
			</div>
		</div>
		<div id="right">
			<div id="userControl">
				<table style="float: right;">
					<tr>
						<td
							style="padding: 10px; border-right: 1px dotted #ddd !important;"><h:outputLink
								value="changePassword.jsf">Change password</h:outputLink></td>
						<td
							style="padding: 10px; border-right: 1px dotted #ddd !important;">Help</td>
						<td><h:form>
				Welcome,
				
				<h:outputText value="#{customerManageBean.cmb.acc.username}"
									style="font-weight: bold; font-size: 1.1em;"></h:outputText>
				| 
				<h:commandLink value="Logout"
									action="#{customerManageBean.cmb.logout}"></h:commandLink>
							</h:form></td>
					</tr>
				</table>
			</div>
			<div id="content">
				<ui:insert name="content">
				</ui:insert>
			</div>
		</div>
	</div>

</body>

</html>
